import SwiftUI

struct DestinationRow: View {
    let destination: Destination

    var body: some View {
        HStack(spacing: AppSpacing.m) {
            Image(systemName: "photo")
                .foregroundStyle(.secondary)
                .frame(width: 44, height: 44)
                .background(
                    .thinMaterial,
                    in: RoundedRectangle(cornerRadius: AppRadius.s, style: .continuous)
                )
            VStack(alignment: .leading, spacing: 4) {
                Text(destination.name)
                    .font(AppFont.subtitle)
                Text("\(destination.city) · \(destination.country)")
                    .font(.subheadline)
                    .foregroundStyle(.secondary)
            }
            Spacer(minLength: 0)
            Image(systemName: "chevron.right")
                .foregroundStyle(.tertiary)
        }
        .contentShape(Rectangle())
    }
}

#Preview {
    DestinationRow(destination: Destination(
        id: UUID(),
        name: "富士山",
        city: "静冈",
        country: "日本",
        description: "日本最高峰，四季皆景。",
        imageURL: nil
    ))
    .padding()
}


